<html>
<head>
<title>Gestion de Mesas</title>
<style type="text/css">
body {
	background-color: gray;
	padding: 20px;
	font-family: Segoe UI;
}

h1,h2 {
	font-weight: lighter;
}

h1 {
	border-bottom: 1px solid black;
}

.button {
	margin-top: 5px;
	clear: both;
	width: 150px;
}

#gestion-mesas {
	width: 50%;
	border: 1px solid black;
	margin-left: 25%;
	background-color: white;
	padding: 20px;
}
</style>
</head>
<body>
	<div id="gestion-mesas">
		<h1>Gestion de Mesas</h1>

		<h2>Opciones</h2>
		<div class="button">
			<input type="button" value="Abrir mesa" class="button" />
		</div>

		<div class="button">
			<input type="button" value="Cerrar mesa" class="button" />
		</div>

		<div class="button">
			<input type="button" value="Crear pedido" class="button" />
		</div>
	</div>
<body>
<html>